<div class="list-group">
    {{#each articles}}
        <article class="list-group-item">
            <header class="art-header page-header">
                <a class="art-title" href="/article/{{id}}">{{title}}</a>
                <i class="fa fa-comments-o fa-lg"></i>
                <a href="/article/detail/{{id}}#comments">{{commentsNum}}</a>
            </header>
            <hr/>
            <div class="art-body">
                {{truncate content '/article/detail/' id}}
            </div>
            <footer class="art-footer">
                        <span>
                            <i class="fa fa-bars"></i>分类:
                            {{#with catalog}}
                                <a href="/article/catalog/{{id}}">{{name}}</a>&nbsp;
                            {{/with}}&nbsp;&nbsp;
                        </span>
                        <span>
                            {{#if tags}}
                                <i class="fa fa-tags"></i>标签:
                                {{#each tags}}
                                    <a href="/article/tags/{{id}}">{{name}}</a>{{#unless @last}},{{/unless}}
                                {{/each}}
                            {{/if}}
                        </span>
            </footer>
        </article>
    {{/each}}
    {{#unless articles}}
        <article class="list-group-item">
            <div class="art-body">
                暂无数据
            </div>
        </article>
    {{/unless}}
</div>
